.container .menu{height: 100%;float: left;background: #404040;border-radius: 5px;width: 150px;}
.container .menu ul a{height:100%;color: #fff;display:block;line-height: 50px;border-bottom: 1px solid yellow;text-align: center;}
.container .menu ul .menuItem.xuanzhuan{background: #08C3B4;}
.container .menu ul li.childMenu{display: none;}
.container .menu ul li.childMenu a{background: #fff;color: #000;}
.container .mainContent{height: 100%;float: left;position: relative;background: #999;}
.container .menu ul .toggle{display: block;}
#content .lbt{padding-bottom: 100px;}
#content .lbt #box {width: 200px;height: 200px;perspective: 60000px;perspective-origin:-100px 1000px ;margin:100px auto;transform-style: preserve-3d;animation: run 30s infinite linear;}
#content #box>div{position: absolute;width: 200px;height:200px;background: deeppink;line-height: 50px;color: #fff;font-size: 50px;text-align: center;line-height: 100px;opacity: .9;border: 10px solid #fff;}
#content #box>div img{width: 100%;height: 100%;}
.item1 {transform: rotatey(0deg) translatez(400px);}
.item2{transform: rotatey(30deg) translatez(400px);}
.item3{transform: rotatey(60deg) translatez(400px);}
.item4{transform: rotatey(90deg) translatez(400px);}
.item5{transform: rotatey(120deg) translatez(400px);}
.item6{transform: rotatey(150deg) translatez(400px);}
.item7{transform: rotatey(180deg) translatez(400px);}
.item8{transform: rotatey(210deg) translatez(400px);}
.item9{transform: rotatey(240deg) translatez(400px);}
.item10{transform: rotatey(270deg) translatez(400px);}
.item11{transform: rotatey(300deg) translatez(400px);}
.item12{transform: rotatey(330deg) translatez(400px);}
.item14{transform: rotatey(0deg);}
@keyframes run {
	from {transform: rotate3d(0,1,0,0deg);}
	to {transform: rotate3d(0,1,0,360deg);}
			}
